<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
</head>
<body>
<div id="app">
  <h3>数据绑定</h3>
  <form action="#">
<!--   单项数据绑定： <input type="text" :value="talk">-->
<!--    <br>-->
<!--   双向数据绑定： <input type="text" v-model:value="talk">-->


<!--    简写-->
    单项数据绑定： <input type="text" :value="talk">
    <br>
    双向数据绑定： <input type="text" v-model="talk">
  </form>
</div>
  <script src="../js/vue.js"></script>
  <script type="text/javascript">
    const vm=new Vue({
      el:"#app",
      data:{
        talk:"请输入文本，查看实例数据是否变化"
      }
    })
  </script>
</body>
</html>
